<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>结算详情页面</title>
    <link href="css\app.css"  rel="stylesheet"  type="text/css"/>
	<link href="css\mui.min.css" rel="stylesheet"  type="text/css"/>
	<style type="text/css">
		.myTable{
			width: 100%;
		}
		.td1{width: 30%;}
		.td2{width: 30%;}
		.td3{width: 30%;text-align: right;}
		#mydiv{
			border: 0px solid red;
			padding-left: 20px;
		}
		.bottomNavigation {
			    width:100%;
			    height:50px;
			    margin:0px;
			    background:#CCCCCC;
			    position:fixed;
			    bottom:0;
			    text-align:center;
			}
			.button{
				width: 100%;
				height: 100%;
			}
		.mui-content{
			margin:20px;
		}
	</style>
	<script type="text/javascript">
		//页面跳转
		function toActivity(activityName){
			detailsOfSettlement.toActivity(activityName);
		}
		//页面加载时遍历结算详情
		window.onload=function show(){
			//取到后台传过来的json数据
			var str="";
			var mydiv="";
			var json=checkOrderId();
			var json=eval(json);
			for(var key in json){
			    //alert(json[key].order_id);
				var order_id=json[key].order_id;
				var total_amount=json[key].total_amount;
				var operator_id=json[key].operator_id;
				var buyer_id=json[key].buyer_id;
				var subsidy_amount=json[key].subsidy_amount;
				var pay_amount=total_amount-subsidy_amount;
				var order_goods=eval(json[key].order_goods);
				//alert(json[key].order_goods);
				for(var key in order_goods){
					str+="<li class='mui-table-view-cell'>"+
						 "<table border='0' cellspacing='' cellpadding='' class='myTable'>"+
						 "<tr>"+
						 "<td class='td1'>"+order_goods[key].goods_name+"</td>"+
						 "<td class='td2'>"+"x"+order_goods[key].goods_amount+"</td>"+
						 "<td class='td3'>"+order_goods[key].goods_price+"元"+"</td>"+
						 "</tr>"+
						 "</table>"+
						 "</li>";
				}
				mydiv="原价(元)： <br />"+total_amount+" <br />"+
					"补贴(元)：<br />"+
					subsidy_amount+"  <br />"+
					"实付(元)： <br />"+
					pay_amount+" <br />"+
					"当日已用消费额度： <br />"+
					"没有值 <br />"+
					"当日剩余消费额度： <br />"+
					"没有值 <br />"+
					"订单号： <br />"+
					order_id+" <br />"+
					"操作员： <br />"+
					operator_id+" <br />"+
					"客户号： <br />"+
					buyer_id+" <br /><br /><br /><br />";
			}
			document.getElementById("myUl").innerHTML=str;
			document.getElementById("mydiv").innerHTML=mydiv;
		}
		function checkOrderId(){
			var json=detailsOfSettlement.checkOrderId();
			//alert(json);
			return json;
		}

	</script>
</head>
<body>
	<div class="mui-content">
		<ul class="mui-table-view" id="myUl">
			<!--<li class="mui-table-view-cell">-->
				<!--<table border="0" cellspacing="" cellpadding="" class="myTable">-->
					<!--<tr>-->
						<!--<td class="td1">商品0</td>-->
						<!--<td class="td2">*1</td>-->
						<!--<td class="td3">15.00</td>-->
					<!--</tr>-->
				<!--</table>-->
			<!--</li>-->
			<!--<li class="mui-table-view-cell">-->
				<!--<table border="0" cellspacing="" cellpadding="" class="myTable">-->
					<!--<tr>-->
						<!--<td class="td1">商品1</td>-->
						<!--<td class="td2">*2</td>-->
						<!--<td class="td3">20.00</td>-->
					<!--</tr>-->
				<!--</table>-->
			<!--</li>-->
			<!--<li class="mui-table-view-cell">-->
				<!--<table border="0" cellspacing="" cellpadding="" class="myTable">-->
					<!--<tr>-->
						<!--<td class="td1">商品2</td>-->
						<!--<td class="td2">*3</td>-->
						<!--<td class="td3">10.00</td>-->
					<!--</tr>-->
				<!--</table>-->
			<!--</li>-->
		</ul>
		
	</div>
	<div id="mydiv" >
		<!--原价： <br />-->
		<!--16.00 <br />-->
		<!--补贴：<br />		-->
		<!--3.20  <br />-->
		<!--应付： <br />-->
		<!--12.80 <br />-->
		<!--当日已用消费额度： <br />-->
		<!--16.00 <br />-->
		<!--当日剩余消费额度： <br />-->
		<!--4.00 <br />-->
		<!--订单号： <br />-->
		<!--日期+00000001 <br />-->
		<!--操作员： <br />-->
		<!--zhangsan <br />-->
		<!--客户号： <br />-->
		<!--111xxx111x <br /><br /><br /><br />-->
		
	</div>
	<div class="bottomNavigation">
		<input type="button"class="button" name="" id="" onclick="toActivity('CashierActivity')" value="去付款" />
	</div>
</body>
</html>